<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <style type="text/css">
            .col{
                border-color: #BED6F8;
                width:25%;
                margin-left: 5px;
                padding:5px 7px 5px 7px;
            }
        </style>
    </h:head>
    <h:form  id="gjjp">
        <rich:panel header="职工清册" styleClass="content-hight">
            <h:outputLabel value="职工公积金清册" style="font-size: x-large !important;font-weight: bolder;margin-left: 280px;margin-top: 10px;"/>
            <h:panelGrid columns="4" width="100%" border="1" id="oldform" 
                         style="border-collapse: collapse;border-color: #BED6F8;margin-top: 20px;"
                         columnClasses="col,col,col,col"
                         styleClass="stable">
                <h:outputLabel value="序号:"  />
                <h:outputText  id="id"  value="#{provident.per.id}"/>
                <h:outputLabel value="公积金账号:"  />
                <h:outputText  id="gjjzh"    value="#{provident.per.gjjaccount}"/>
                <h:outputLabel value="职工姓名："  />
                <h:outputText  id="cpsn_name"    value="#{provident.per.cpsn_name}"/>
                <h:outputLabel value="身份证号："  />
                <h:outputText  id="sfzh"    value="#{provident.per.sfzh}"/>
                <h:outputLabel value="职工类别："  />
                <h:outputText  id="empclass"    value="#{provident.per.empclass}"/>
                <h:outputLabel value="职工状态："  />
                <h:outputText  id="empstatus"   value="#{provident.per.empstatus}" />
                <h:outputLabel value="信息是否清晰："  />
                <h:outputText  id="infoClear"    value="#{provident.per.infoClear}"/>
                <h:outputLabel value="所在部门："  />
                <h:outputText  id="department"    value="#{provident.per.department}"/>
                <h:outputLabel value="缴存基数："  />
                <h:outputText  id="depoBase"    value="#{provident.per.depoBase}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="月缴存额："  />
                <h:outputText  id="monthAmount"    value="#{provident.per.monthAmount}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="年内汇缴："  />
                <h:outputText  id="yearAmount"    value="#{provident.per.yearAmount}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="年内补缴："  />
                <h:outputText  id="yearAdded"    value="#{provident.per.yearAdded}" >
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="年内提取："  />
                <h:outputText  id="yearWithdraw"    value="#{provident.per.yearWithdraw}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="历年缴存累计"  />
                <h:outputText  id="accDepoAmount"    value="#{provident.per.accDepoAmount}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="历年提取累计："  />
                <h:outputText  id="accWithDrawAmount"    value="#{provident.per.accWithDrawAmount}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="当前余额："  />
                <h:outputText  id="curBalance"    value="#{provident.per.curBalance}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="定期余额："  />
                <h:outputText  id="regularBalance"    value="#{provident.per.regularBalance}">
                    <f:convertNumber type="number" pattern="#,##0.00"/>
                </h:outputText>
                <h:outputLabel value="委托提取状态："  />
                <h:outputText  id="entrustWithdrawSta"    value="#{provident.per.entrustWithdrawSta}"/>
                <h:outputLabel value="开户日期:" />
                <h:outputText value="#{provident.per.accountDate}">
                    <f:convertDateTime pattern="yyyy年MM月dd日" timeZone="GMT+8" locale="cn" />
                </h:outputText>
                <h:outputLabel value="销户原因："  />
                <h:outputText  id="cancelReason"   value="#{provident.per.cancelReason}" />
                <h:outputLabel value="销户日期:" />
                <h:outputText value="#{provident.per.cancelDate}">
                    <f:convertDateTime pattern="yyyy年MM月dd日" timeZone="GMT+8" locale="cn" />
                </h:outputText>
                <h:outputLabel value="封存原因："  />
                <h:outputText  id="archReason"    value="#{provident.per.archReason}"/>
                <h:outputLabel value="封存日期:" />
                <h:outputText value="#{provident.per.archDate}" >
                    <f:convertDateTime pattern="yyyy年MM月dd日" timeZone="GMT+8" locale="cn" />
                </h:outputText>
                <h:outputLabel value="调出日期:" />
                <h:outputText value="#{provident.per.tuneOutDate}">
                    <f:convertDateTime pattern="yyyy年MM月dd日" timeZone="GMT+8" locale="cn" />
                </h:outputText>
            </h:panelGrid>
                        <rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />
                        <rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />
                        <rich:jQuery selector=".stable tr" event="mouseover" query="jQuery(this).addClass('active-row')" />
                        <rich:jQuery selector=".stable tr" event="mouseout" query="jQuery(this).removeClass('active-row')" />
                        <rich:jQuery selector=".stable tr" event="click" query="jQuery(this).addClass('click-row')"/>
                        <rich:jQuery selector=".stable tr" event="click" query="jQuery('.stable tr').not(this).removeClass('click-row')"/>
        </rich:panel>
    </h:form>
</ui:composition> 
